<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  <title>md to html to canvas</title>
  <link rel="stylesheet" href="./index.css"/>
</head>
<body>
<div id="capture">
  <h4 style="color: #000; ">Hello world!</h4>
  <h2>你好这是测试</h2>
</div>
<canvas id="canvas"></canvas>
<div id="markdown-result"></div>
<div id="z_center">
  点击任意位置运行 时间：<select name="" id="Time_dul">
  <option value="5" selected="selected">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
</select>
  X:
  <select name="" id="Xzhou">
    <option value="easeInQuad">easeInQuad</option>
    <option value="easeOutQuad">easeOutQuad</option>
    <option value="easeInOutQuad">easeInOutQuad</option>
    <option value="easeInCubic">easeInCubic</option>
    <option value="easeOutCubic">easeOutCubic</option>
    <option value="easeInOutCubic">easeInOutCubic</option>
    <option value="easeInQuart">easeInQuart</option>
    <option value="easeOutQuart">easeOutQuart</option>
    <option value="easeInOutQuart">easeInOutQuart</option>
    <option value="easeInQuint">easeInQuint</option>
    <option value="easeOutQuint">easeOutQuint</option>
    <option value="easeInOutQuint">easeInOutQuint</option>
    <option value="easeInSine">easeInSine</option>
    <option value="easeOutSine">easeOutSine</option>
    <option value="easeInOutSine">easeInOutSine</option>
    <option value="easeInExpo">easeInExpo</option>
    <option value="easeOutExpo">easeOutExpo</option>
    <option value="easeInOutExpo">easeInOutExpo</option>
    <option value="easeInCirc">easeInCirc</option>
    <option value="easeOutCirc">easeOutCirc</option>
    <option value="easeInOutCirc">easeInOutCirc</option>
    <option value="easeInElastic">easeInElastic</option>
    <option value="easeOutElastic">easeOutElastic</option>
    <option value="easeInOutElastic" selected="selected">easeInOutElastic</option>
    <option value="easeInBack">easeInBack</option>
    <option value="easeOutBack">easeOutBack</option>
    <option value="easeInOutBack">easeInOutBack</option>
    <option value="easeInBounce">easeInBounce</option>
    <option value="easeOutBounce">easeOutBounce</option>
    <option value="easeInOutBounce">easeInOutBounce</option>
  </select>
  Y:
  <select name="" id="Yzhou">
    <option value="easeInQuad">easeInQuad</option>
    <option value="easeOutQuad">easeOutQuad</option>
    <option value="easeInOutQuad">easeInOutQuad</option>
    <option value="easeInCubic">easeInCubic</option>
    <option value="easeOutCubic">easeOutCubic</option>
    <option value="easeInOutCubic">easeInOutCubic</option>
    <option value="easeInQuart">easeInQuart</option>
    <option value="easeOutQuart">easeOutQuart</option>
    <option value="easeInOutQuart">easeInOutQuart</option>
    <option value="easeInQuint">easeInQuint</option>
    <option value="easeOutQuint">easeOutQuint</option>
    <option value="easeInOutQuint">easeInOutQuint</option>
    <option value="easeInSine">easeInSine</option>
    <option value="easeOutSine">easeOutSine</option>
    <option value="easeInOutSine" selected="selected">easeInOutSine</option>
    <option value="easeInExpo">easeInExpo</option>
    <option value="easeOutExpo">easeOutExpo</option>
    <option value="easeInOutExpo">easeInOutExpo</option>
    <option value="easeInCirc">easeInCirc</option>
    <option value="easeOutCirc">easeOutCirc</option>
    <option value="easeInOutCirc">easeInOutCirc</option>
    <option value="easeInElastic">easeInElastic</option>
    <option value="easeOutElastic">easeOutElastic</option>
    <option value="easeInOutElastic">easeInOutElastic</option>
    <option value="easeInBack">easeInBack</option>
    <option value="easeOutBack">easeOutBack</option>
    <option value="easeInOutBack">easeInOutBack</option>
    <option value="easeInBounce">easeInBounce</option>
    <option value="easeOutBounce">easeOutBounce</option>
    <option value="easeInOutBounce">easeInOutBounce</option>
  </select>
</div>

<script src="./html2canvas.min.js"></script>
<script src="./animate.js"></script>
<script src="./index.js"></script>
</body>
</html>
